<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")
   			
   		});
   		
    </script>
	<link rel="stylesheet" href="./css/u-reset.min.css">
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
	<!-- 开始游戏 开始 -->
	<div class="page start">
		<img src="./img/start.png" class="start-btn">
		<img src="./img/choose.png" class="level-btn">
	</div>
	<!-- 开始游戏 结束 -->
	<!-- 关卡选择 开始 -->
	<div class="page level">
		<!-- 
			level-item 
			添加 success类名 通过
			添加 lock类名  关卡锁定
			level-item 没有其他 正进行
		-->
		<div class="level-list">
			
			<!-- <div class="level-item success">
				2
			</div>
			<div class="level-item">
				3
			</div>
			<div class="level-item lock">
				4
			</div> -->
		</div>
	</div>
	<!-- 开始游戏 结束 -->
	<!-- 游戏主界面 开始 -->
	<div class="page main">
		<img src="./img/choose_btn.png" class="choose-btn">
		<div class="level-text">
		</div>
		<!-- elements 放入的游戏元素 -->
		<div class="elements"></div>
		<img src="./img/wrong.png" class="wrong">
		<img src="./img/right.png" class="right">
		<div class="level-title">哪个最大？</div>
		<img src="./img/restart.png" class="reset-btn">
		<img src="./img/notice.png" class="tips-btn">
	</div>
	<!-- 游戏主界面 结束 -->
	<!-- 通关提示 开始 -->
	<div class="page clearance">
		<div class="level-box">
			<div class="tips-text">
			</div>
			<img src="img/next.png" class="next-level-btn">
		</div>
	</div>
	<!-- 通关提示 结束 -->
	<script src="js/leveldata.js"></script>
	<script src="js/index.js"></script>
</body>
</html>
